#{extends 'main.html' /} #{set title:'Choose your meal' /} #{set
'moreScripts'} #{script 'choose_meal.js'/} #{/set} #{set 'moreStyles'}
#{stylesheet 'text.css'/} #{stylesheet 'main.css'/} #{stylesheet
'choose.css'/} #{stylesheet 'index.css'/} #{/set} #{form
@ChooseMeal.done(invite.id)}
<div id="main" class="span-24 last">
	<div id="padded_box_10" class="span-11 last">
		<img align="right" class="picture_overlay"
			src="../public/images/restaurant-pics/restaurant${appointment.restaurant.id}.jpg"
			width="400px" height="200px"></img>

	</div>
	<div id="padded_box_10" class="span-11 last">
		<h3>${appointment.restaurant.name}</h3>
		<br>
		<h4>Guten Tag, ${invitee.firstName} ${invitee.lastName}!</h4>
		Sie wurden von ${appointment.owner.person.firstName}
		${appointment.owner.person.lastName} zum Essen eingeladen. <span
			class="txt_normal_bold"> <br>Wann: ${appointment.date} <br>Wo:
			${appointment.restaurant.name}<br>
		</span> (${appointment.restaurant.address.street}, ${appointment.restaurant.address.zip}
		${appointment.restaurant.address.city})<br><br> Um Die Reservierung
		anzunehmen und um Ihr Men&uuml; rechtzeitig zu erhalten, w&auml;hlen
		Sie aus der Speisekarte aus und Best&auml;tigen Sie!
	</div>
	<div id="padded_box_10" class="span-24 last">
		<div class="span-22 last">
			#{if meals}
			<table class="mealsList">
				#{list items:meals, as:'meal'}
				<tr class="tableRow">
					<td><input class="select_meal" type="checkbox" value="${meal.id}" name="meal_list" /></td>
					<td>${meal.title}</td>
					<td>${meal.category}</td>
					<td>${meal.description}</td>
					<td>&#8364 <span class="mealPrice">${meal.price.format(".00")}</span></td>
					<td><input class="select_amount" name="amount" size="2"/></td> 
				</tr>
				#{/list}
			</table>
			#{/if}
		</div>
		<div class="span-22 last">
			<div class="span-11 last">&nbsp;</div>
			<div class="span-5 last">
				<div id="submit">
					<input type="submit" id="submitButton" class="button"
						value="Bestellung aufgeben">
				</div>
			</div>
			<div class="span-6 last">
				<div id="price" class="txt_normal_bold">
					<div id="priceTag">Gesamt: &#8364</div>
					<div id="priceValue">0</div>
				</div>
				<div id="price">
				</div>
			</div>
			
		</div>
	</div>
</div>
#{/form}
